<div class="homePage">
    <script type="text/javascript" src="<?php echo RESOURCE_SITE_URL;?>/js/ZeroClipboard.js"></script>

    <div class="clear"></div>
    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_1.jpg') center; width:100%; height:628px;">
        <div style="position:relative;left: 40%;width: 49%;top: 83%;">
            <a href="<?php echo urlMember('login','register');?>" target="_blank"><input type="image" src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/888.png"/></a>
            <a href="<?php echo urlShop('crowdfunding','index');?>" target="_blank"><input type="image" src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/999.png"/></a>
        </div>
    </div>
    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_88.jpg') center; width:100%; height:600px;">

        <style>
            .newjiexiao{ border-top:2px solid #4aaddf; width:89%; margin:0 auto;}
            .newjiexiao li{ float:left; width:18%; padding:10px; text-align:center; border-bottom:1px solid #eeeeee; border-left:1px solid #eeeeee;}
            .newjiexiao li:last-child{ border-right:1px solid #EEEEEE;}
            .newjiexiao li p{ text-align:left;}

            .cf8eee4{ background:#f8eee4;}
            .cfef9f3{ background:#fef9f3;}
        </style>
        <div class="wrapper">

            <div style="float:left; width:330px;margin: 30px 30px 0px 45px;">

                <p style="background:#01BD83; color:#FFFFFF; padding:10px 0px ; text-align:center;margin-bottom: 10px;">排行榜奖品</p>

                <div style=" text-align:center;">

                    <img src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_2.jpg"/>

                </div>

                <div class="lenc" style=" text-align:center; margin-top:10px;">
                    <img src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_6.jpg"/>
                    <img src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_7.jpg"/>
                    <img src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_8.jpg"/>
                    <img style="margin:0px;" src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_9.jpg"/>

                </div>
            </div>
            <div style="float:left; margin-top:30px; width:750px;height: 513px; background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/6666_05.jpg') no-repeat #FFFFFF; border:1px solid #EEEEEE;">

                <div style="width:80%; margin:0 auto; text-align:center; margin-top:25px;">
                   <?php $second = $output['member_list'][1]; ?>
                    <div style="float:left;width:33%;">
                        <img src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_3.jpg"/>
                        <p></p>
                        <label  style="color:#f94856;">榜眼</label>
                        <p>用户名：<?php echo empty($second['member_nickname']) ? substr($second['member_mobile'],0,3)."****".substr($second['member_mobile'],7):$second['member_nickname'];?></p>
                        <p>邀请数：<?php echo $second['num'];?></p>
                    </div>
                    <?php $first = $output['member_list'][0];?>
                    <div style="float:left;width:34%;">
                        <img style="margin-top:-20px;" src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_4.jpg"/>
                        <p></p>
                        <label  style="color:#f94856;">状元</label>
                        <p>用户名：<?php echo empty($first['member_nickname']) ? substr($first['member_mobile'],0,3)."****".substr($first['member_mobile'],7):$first['member_nickname'];?></p>
                        <p>邀请数：<?php echo $first['num'];?></p>
                    </div>
                   <?php $third = $output['member_list'][2];?>
                    <div style="float:left;width:33%;">
                        <img src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_5.jpg"/>
                        <p></p>
                        <label  style="color:#f94856;">探花</label>
                        <p>用户名：<?php echo empty($third['member_nickname']) ? substr($third['member_mobile'],0,3)."****".substr($third['member_mobile'],7):$third['member_nickname'];?></p>
                        <p>邀请数：<?php echo $third['num'];?></p>
                    </div>

                </div>
                <p style="height:20px; clear:both;">&nbsp; </p>
                <table style="width:100%; text-align:center; line-height:40px;">

                    <tbody style="background:#01BD83; color:#FFFFFF;">
                    <tr>
                        <td>排名</td>
                        <td>用户</td>
                        <td>邀请数</td>
                    </tr>
                    </tbody>
                  <?php
                  $GradeArr = array('1'=>'一','2'=>'二','3'=>'三','4'=>'四','5'=>'五','6'=>'六','7'=>'七','8'=>'八','9'=>'九','10'=>'十');
                  $i=1;
                  $items = $output['member_list'];
                  for($i=3;$i<count($items);$i++){ ?>
                    <tr class="cf8eee4">
                        <td>第<?php echo $GradeArr[$i+1];?>名</td>
                        <td><?php echo empty($items[$i]['member_nickname']) ? substr($items[$i]['member_mobile'],0,3)."****".substr($items[$i]['member_mobile'],7):$items[$i]['member_nickname'];?></td>
                        <td><?php echo $items[$i]['num'];?></td>
                    </tr>
                   <?php  }?>


                </table>


            </div>

        </div>
    </div>


    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_99.jpg') center; width:100%; height:100px;"></div>

    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_88.jpg') center; width:100%; height:148px;">
        <div class="wrapper">

            <p style="padding-left:75px; font-size:18px;">邀请好友</p>
            <div class="d_clip_copy"></div>
            <div style="padding: 15px;background: #f8eee4;width: 86%;margin: 15px auto;" id="d_clip_container">
                <p style="margin-bottom:10px;">复制链接邀请好友拿纪念币！</p>
                <input style="margin-right: 10px;border: 0;line-height: 30px;height: 30px;font-size: 16px;width: 65%;" id="txtInfo" type="text" value="<?php echo BASE_SITE_URL;?>/mobile/index.php?act=register&ref=<?php echo $_SESSION['member_name'];?>"/><label style="padding: 8px 40px;background: #01BD83;line-height: 38px;font-size: 16px;color: #FFFFFF;" id="d_clip_button" >复制</label>
            </div>

        </div>
    </div>
    <script>
        var clip = null;
        function copy(id){ return document.getElementById(id); }
        function initx(){
            clip = new ZeroClipboard.Client();
            clip.setHandCursor(true);
            ZeroClipboard.setMoviePath("<?php echo RESOURCE_SITE_URL;?>/js/ZeroClipboard.swf");
            clip.addEventListener('mouseOver',function (client){
                clip.setText(copy('txtInfo').value );
            });
            clip.addEventListener('complete',function(client,text){
                alert("邀请复制成功");
            });
            clip.glue('d_clip_button','d_clip_container');
        }
        $(function(){
            initx();
        })

    </script>
    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_99.jpg') center; width:100%; height:100px;"></div>

    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_88.jpg') center; width:100%; height:520px;">

        <div class="wrapper">
            <div style="text-align:center;"><img src="<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_10.jpg"/></div>

            <div style="padding-left:75px; line-height:30px;">
                <p><label style="background: #fc7d02;color: #FFFFFF;padding: 5px 15px; line-height: 90px; margin-right: 10px;">活动时间：</label>第一季活动时间为<label style="color:#f94856;">5月12日--5月16日，</label>；第二季活动时间为<label  style="color:#f94856;">5月19日--5月23日。</label></p>
                <p>① 注册就送：价值40元矿博会门票1张（每天限量供应，送完截止）；
                    “笑拼”活动参与券1张，赢取真金白银；</p>
                <p>② 累积就送：累积邀请28位好友注册会员，就送价值28元5克银币1块；
                      累积邀请98位好友注册会员，可换取价值128元30克银币1块；</p>
                <p>③ 人品排行榜：会员可以实时看到自己邀请会员的数量，后台依据此数据设立TOP10人品排行榜。5月23日活动结束后，状元可获得银杯1个；<br/>榜眼可获得玉貔貅1个；探花可获得银粽子1个；其余榜员各获得金元宝1个。</p>
                <p>④领取方式：活动现场领取；不方便来活动现场的，活动结束后统一以邮寄的方式领取（邮费自付）。（需邮寄的在下面填写个人信息）</p>

                <form style="margin-top: 30px;">
                    <label style="color:#01BD83; margin-right:15px;">姓名</label><input type="text"/>
                    <label style="color:#01BD83; margin-right:15px;margin-left:15px;">电话</label><input type="text"/>
                    <div style="margin-top: 20px;">
                        <label style="color:#01BD83; margin-right:15px;">地址</label><input style="width:500px;" type="text"/>
                    </div>
                    <label style="color:#FFFFFF; padding:10px 30px; background:#01BD83;border-radius: 5px;line-height: 80px; margin-left:40px; font-size:18px;">确认信息</label>
                </form>

            </div>


        </div>

    </div>
    <div style="background:url('<?php echo SHOP_RESOURCE_SITE_URL;?>/images/fenxiang_41.jpg') center; width:100%; height:133px;"></div>
